<template>
	<div>
		<mt-swipe :auto="2000">
			<!-- 将来谁使用此轮播图组件谁为我们传递tupian -->
			<!-- <mt-swipe-item 
			v-for="item in tupian" 
			:key="item.id"><img 
			:src="item.img" 
			alt="" 
			:class="{full:isfull}"
			 /></mt-swipe-item> -->
			 <mt-swipe-item
			 v-for="item in tupian" 
			 :key="item.id"><img 
			 :src="item.img" 
			 alt="" 
			 :class="{'full':isfull}"
			  /></mt-swipe-item>
			 
		</mt-swipe>
	</div>
</template>

<script>
	export default {
		props: ["tupian" , "isfull"]
	}
</script>

<style lang="scss" scoped>
	.mint-swipe {
		height: 18.75rem;
		/* .mint-swipe-item:nth-child(1) {
				background-color: red;
			} */
		.mint-swipe-item {
			// 交际选择器
			text-align: center;
			
			img {
				// width: 100%;
				height: 100%;
			}
		}
	}
	.full {
		width: 100%;
	}
</style>
